$(function(){
  //业务1 获取页面传递过来的参数文章id
  //1.1 获取页面中的id
  const search=location.search;
  //console.log(search);
  //1.2把字符串转换成查询参数对象
  const searchObj=new URLSearchParams(search);
  const id=searchObj.get('id');
  console.log(id);
  // 获取文章类别数据
  $.ajax({
    method: 'get',
    url: BigNew.category_list,
    data: {},
    success: (res) => {
      console.log(res);
     const htmlStr=template('creatL',{list:res.data})
     $('.category').html(htmlStr)
    }
  })
  // 业务2 根据id获取文章信息
  $.ajax({
    method: 'get',
    url: BigNew.article_search,
    data: {id},
    success: (res) => {
console.log(res);
// 解构获取所有属性
const{author,categoryId,content,cover,date,id,state,title,}=res.data
$('#inputTitle').val(title)
$('.article_cover').attr('src',cover)
$('.category').val(categoryId)
setTimeout(function () {
  tinymce.activeEditor.setContent(content)
}, 200);
    }
  })
  // 业务3 实现时间选择弹窗
  jeDate('#date', {
    trigger: 'click',
    theme: { bgcolor: "#00A680", pnColor: "#00DDAA" },//绿色主题
    format: "YYYY-MM-DD hh:mm:ss",
    isinitVal: true,
});
//业务4 富文本实现
tinymce.init({
  selector: "#mytextarea",
  height: "350px",
  language: "zh_CN",
  directionality: "ltl",
  browser_spellcheck: true,
  contextmenu: false,
  plugins: [
    "advlist autolink lists link image charmap print preview anchor",
    "searchreplace visualblocks code fullscreen",
    "insertdatetime media table contextmenu paste imagetools wordcount",
    "code",
  ],
  toolbar:
    "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code",
});

/* document.querySelector("#btn").onclick = function () {
  //3.获取tinymce编辑器文本
  console.log(tinymce.activeEditor.getContent());
}; */
 /* 业务5：图片预览功能 */
 $('[name="cover"]').change(function () {
  // 获取文件对象
  const fileObj = $('[name="cover"]').get(0).files[0]
  // 把文件对象转换成 url 路径
  const url = URL.createObjectURL(fileObj)
  // 把 url 路径替换到 src 中实现预览
  $('.article_cover').prop('src', url)
})
/* 
文章发布页面与文字编辑页面业务逻辑基本相同，不同点如下
  1.文字发布页面，不需要展示文章详情
  2.文章发布页面的接口 url 路径不同
  3.文章发布页面的参数比文章编辑要少（不用传文章id）
*/
$('[type=submit]').click(function (e) {
  e.preventDefault()
  const state = $(this).attr('data-state')
  const fd = new FormData(document.querySelector('#form'))
  fd.append('state', state)
  fd.set('content', tinymce.activeEditor.getContent())
   fd.forEach((value, key) => {
     console.log(key, value)
   })
   $.ajax({
    // 🧨 文章发布页面的接口 url 路径不同
    url: BigNew.article_publish,
    method: 'POST',
    data: fd,
    contentType: false,
    processData: false,
    success: (res) => {
      // console.log(res)
      if (res.code === 200) {
        alert(res.msg)
        location.href = './article_list.html'
      }
    },
  }) 
})
})
